/*!
 * Copyright (c) 2020-Now http://www.future.com All rights reserved.
 * @author future
 * @version 2020-9-1
 */

page {
  background-color: $u-f-main-color;
}
.f-page {
	padding: 15px 15px 40px 15px;
}

// 并排样式
.u-demo-block {
	flex: 1;
	margin-bottom: 23px;

	&__content {
		@include flex(column);
	}

	&__title {
		font-size: 14px;
		color: rgb(143, 156, 162);
		margin-bottom: 8px;
		@include flex;
	}
}

.u-demo-block__content{
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
}

.wrap {
  display: flex;
  flex-direction: column;
  justify-content: center;
	.search{
		padding: 20rpx 20rpx 0;
		background: #f8f8f8;
		height: 105rpx;
	}

	.scroll-list {
		height: calc(100vh - var(--window-top) - var(--window-bottom) - 105rpx); // 105rpx 为 .search 的高度
		width: 100%;

		.loadmore {
			padding: 30rpx;
		}
	}

	.box {
		padding-bottom: 10rpx;

		.item {
			margin: 0 20rpx 20rpx;
			padding: 8rpx 20rpx;
			border-radius: 20rpx;
			box-sizing: border-box;
			background-color: #fff;
			font-size: 28rpx;

			.title {
				display: flex;
				justify-content: space-between;
				background-color: #fff;
				padding-left: 15rpx;
				align-items: center;

				.text {
					margin: 0 20rpx;
					font-size: 35rpx;
					font-weight: bold;
				}

			}
		}

	}

	.list {

		.u-cell-box {

			.u-swipe-content {
				width: 750rpx;
			}

			.u-cell_title {
				overflow: hidden;
				white-space: nowrap;
				text-overflow: ellipsis;
				min-width: 655rpx;
			}

			.u-border-bottom:last-child:after {
				border-bottom: 0;
			}
		}
	}

	.form {
		display: flex;
		flex-direction: column;
		padding: 20rpx 30rpx;

		.u-cell-box {
			border-radius: 20rpx;
		}
	}

	.form-footer {
		display: flex;
		margin: 10rpx;
		padding-bottom: 30rpx;

		.btn {
			flex: 1;
			margin: 20rpx;
		}
	}

}
